* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    /* 盒子不受影响 */
    box-sizing: border-box;
    /* 字体 */
    /* font-size: 12px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
s,i,em {word-wrap: break-word;}
body {background: #ebebeb;
    line-height: 1;}
input {border: none;}
a {text-decoration: none;
    /* 下划线none */
    color: #333;}
strong {font-weight: normal;}
ul,li {list-style: none;}

/* 字体大小 */
.f8 {font-size: 8px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}


/* 加粗 */
.fwb {font-weight: bold;}
/* 行高 */
.lh15{line-height: 1.5;}


/* 颜色 */
.c309 {color: #309290;}
.cdee {color: #356571;}
.c000 {color: #000;}
.c333 {color: #333;}
.c666 {color: #666;}
.c888 {color: #888;}
.c999 {color: #999;}
.cfff {color: #fff;}
.c4b3 {color: #4b377b;}
.cb54 {color: #b54a4a;}
.ce71 {color: #e71f19;}
.c4f8 {color: #4f81bd;}
.cba {color: #ff8200;}


/* 背景颜色 */
.bab {background: linear-gradient(to bottom, rgb(193, 196, 229), #fff);}
.baa {background: linear-gradient(to bottom, rgb(203, 222, 227), #fff);}
.ba289 {background: #269af9a2;}
.bac {background: #deeaed;}
.bac00 {background-color: #c00000;}
.bafff {background-color: #fff;}
.ba000 {background-color: #000;}
.baf5 {background-color: #f5f5f5;}
.bafa {background-color: #fcf5f5;}
.bg-base {background-color: #ff8200;}


/* 间距 */
.ma0a {margin: 0 auto;}
.ma10 {margin: 10px;}
.ma15 {margin: 15px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.ml-2 {margin-left: 2px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-30 {margin-left: 30px;}
.mr-3 {margin-right: 3px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}

/* padding */
.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.pa15 {padding: 15px;}
.pa010 {padding: 0 10px;}
.pa015 {padding: 0 15px;}
.pt-5 {padding-top: 5px;}
.pt-8 {padding-top: 8px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pl-5 {padding-left: 5px;}
.pl-8 {padding-left: 8px;}
.pl-10 {padding-left: 10px;}
.pl-13 {padding-left: 13px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pb-5 {padding-bottom: 5px;}
.pb-8 {padding-bottom: 8px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}


/* 弹性盒子 */
.fl { display: flex; }
.jcc { justify-content: center; }
.jcsb { justify-content: space-between; }
.jcsa { justify-content: space-around; }
.jcse { justify-content: space-evenly; }
.jcfe { justify-content: flex-end; }
.aic { align-items: center; }
/* 盒子排成一列 */
.fdc { flex-direction: column; }
/* 剩余空间分配 */
.fg1 { flex-grow: 1; }
.fl1 { flex: 1; }
.fww {flex-wrap:wrap;}
.fc {display: flex; align-items: center;}
.fcc {display: flex;justify-content: center;align-items: center;}
.fcb {display: flex;align-items: center;justify-content: space-between;}
.fca {display: flex;align-items: center;justify-content: space-around;}
/* 不会自身的大小 */
.fls0{flex-shrink:0;}


/* 相对定位 */
.rel { position: relative; }
/* 绝对定位 */
.abs{ position: absolute }
/* 固定定位 */
.fixed { position: fixed; }
.top0 { top: 0; }
.bo0 { bottom: 0; }
/* 隐藏 */
.dsn { display: none; }
/* 宽度100% */
.w100p { width: 100%; }
.h100p { height: 100%; }

.h10 {height: 10px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h100 {height: 100px;}

/* 超出省略号 */
.ovh {
    /*1.内容溢出隐藏*/
    overflow: hidden;
    /*2.内容不换行*/
    white-space: nowrap;
    /*3.文字溢出用省略号表示*/
    text-overflow: ellipsis;
    /* 最小宽度为0 */
    min-width: 0;
}
.ovh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* 边框线 */
.bts{border-top: 1px solid #c2c2c2;}
.bbs{border-bottom: 1px solid #c2c2c2;}
.bls{border-left: 3px solid #ff8200;}

/* 底部 */
footer {bottom: 0;z-index: 10;}
footer .footer-item {height: 50px;}